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FIG.40 

HTML DATA 



51 0< 



512-< 



<htmlx]head> 
<style type="text/css"> 
@media:tv{ 

keylis£:"number.basic" 
#img1 { position:absolute; 

left:1 00px;top:1 00px;width:200px;height:200px; } 
#text{ positionrabsolute; 

leftrl 00px;top:500px f -w!dth:200px;height:1 OOpx; } 
#button1{ positionrabsolute; 

Ieft:500px;top:500px^vidth:150px;height:50px; } 
#button2{ positionrabsolute; 

left:500px;top:600px f -width:1 50px;height:50px; } 

} 

</style> 
<script> 

function img1Goto() 
{ 

location.href= ,, http://aaa/bbb/ccc/s2.html"; 

} 

function img2Goto() 
{ 

location.href="http://aaa/bbb/ccc/s3.html M ; 

</script></head> 
<body> 

<object id="img 1 "type="image/png w 

src="http://aaa/bbb/ccc/why.png"> 

</object> 

<obiect id="text ,, type= ,, text/plain" 
THIS IS TEST1 <p> 
THIS IS TEST2 

</object> 
<input id="button 1 "type= w image/png M 

src="http://aaa/bbb/ccc/b 1 .png"> 
onclick="img1 Goto() M 
accesskey= M 1"> 

</input> 

<input id= ,, button2"type= ,, image/png" 

src= ,, http://aaa/bbb/ccc/b2.png"> 
onclick= ,, img2Goto() ,, 
accesskey="2"> 

</input> 
<body> 
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512-< 



<htmlx]head> 
<style type="text/css ,, > 
keylistr'basic" 
#text{ positionrabsolute; 

left:300px;top:50px,*width:200px;height:50px; } 
#isge{ positionrabsotute; 

Ieft:500px;top:300px,-width:300px;height50px; } 
#man{ position:absolute; 

Ieft400px;top:600px t *width:30px;height30px; } 
#woman{ positionrabsolute; 

Ieft:600px;top:600px,*width:30px;height30px; } 
#best{ positionrabsolute; 

left:400px;top:700px;width:50px;height:30px; } 
#better{ positionrabsolute; 

Ieftr400px;top:800px;widthr50px;height:30px; } 
#poor{ positionrabsolute; 

Ieftr400px;top:900px;widthr50px;height:30px; } 
</stylexscript> 

function f uncage 1(){ 

thisdocumentstyle.keylist="number.basic"; } 
function funcage2(){ 

thisdocument.style.keylist="basic"; } 
</script></head> 
<body> 

<ob]ect id^'tex^'type^'text/plain" 

TV INQUIRY 
</ob]ect> 
</body> 
<form> 
AGE r 

<input id="age"type= l, text"onfocus="f uncage 1 ,, onblur="f uncage2"> 
</input> 
SEX: 

<input id="man l, type= ,, radio"name= "sex" value— f man"> MALE </input> 

<input id="woman ,, type="radio M name= "sex" value= M woman"> FEMALE </input> 

PROGRAM IMPRESSION : <p> 

<input id= "best" type= "radio"name= "prog" value= "best">VERY INTERESTING 
</input> 

<input id= "good" type= "radio" name= "prog"value= "better"> INTERESTING 
</input> 

<input id= "poor" type= "radio" name- "prog"value= "poor"> DULL 
</input> 
<form> 
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